<template>
  <a-card class="general-card"  >
    <a-grid :cols="24" :col-gap="12" :row-gap="12">
      <a-grid-item :span="{ xs: 24, sm: 24, md: 24, lg: 24, xl: 12, xxl: 12 }">
        <Settled />
      </a-grid-item>
      <a-grid-item :span="{ xs: 24, sm: 24, md: 24, lg: 24, xl: 12, xxl: 12 }">
        <SettledNot />
      </a-grid-item>
    </a-grid>
    <template #extra>
      <slot name="extra"></slot>
    </template>
  </a-card>
</template>

<script setup lang="ts">
import Settled from "@/views/settlement/summary/DataOverview/Settled.vue";
import SettledNot from "@/views/settlement/summary/DataOverview/SettledNot.vue";
</script>
<style scoped lang="scss">

</style>